<template>
  <div class="base-text">
    <el-form :model="form" ref="form" label-width="100px" class="demo-ruleForm">
      <el-form-item label="内容">
        <div id="mytextarea"></div>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
/**
* description: 富文本模块
*/
export default {
  data() {
    return {
      form:{}
    }
  },
  mounted() {
    tinymce.init({
      selector: '#mytextarea',
      language: 'zh_CN',
      branding: false,
      // 工具栏 toolbar controls
      toolbar: 'undo redo removeformat | bold italic | numlist toc hr codesample | image media link table | fullpage',
      // 禁用菜单栏
      menubar: false, //hr
      // 插件  在html里面引用路径
      plugins: ['lists', 'toc', 'hr', 'codesample', 'image', 'media', 'link', 'table', 'fullpage'],

    })
  },
  methods: {
  }
}
</script>
<style lang="scss" scoped>
.base-text {
  height: 500px;
}
</style>